.layout{width: 85.15%; margin: 0 auto;} img{max-width: 100%;} .clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;} .clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;} @font-face { font-family: 'Conv_DINCondensedC'; src: url('../fonts/DINCondensedC.eot'); src: local('☺'), url('../fonts/DINCondensedC.woff') format('woff'), url('../fonts/DINCondensedC.ttf') format('truetype'), url('../fonts/DINCondensedC.svg') format('svg'); font-weight: normal; font-style: normal; } /*header*/ #wrapper{width: 100%; position: relative; overflow-x: hidden;} .header{width: 100%; height: 100px; position: fixed; left: 0; top: 0; z-index: 1000;} .logo{float: left; padding-top: 10px;} .logo a{display: block; width: 368px; height:60px; font-size:0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;} .nav{float: right; height: 100px;} .nav ul li{display: inline-block;_display: inline;zoom: 1; margin-right: 40px;} .nav ul li>a{display: block; font-size: 16px; color: #fff; height: 100px; line-height: 100px; position: relative;} .nav ul li>a:after{content:""; display: block; width: 100%; height: 2px; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: 1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .nav ul li:hover>a:after,.nav ul li.on>a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .nav ul li .nav-body{width: 100%; height: 50px; line-height: 50px; background-color: #fff; border-top:1px solid #e6e6e6; position: absolute; left: 0; top: 100px; z-index: 50; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);} .nav ul li .nav-body a{font-size: 14px; color: #666; margin-right: 30px;} .nav ul li .nav-body a:hover{color: #e41700;} .nav ul li .nav-body a{margin-left: 10px; opacity: 0; transition: 0.5s;} .nav ul li .nav-body a:nth-child(1){transition-delay: 150ms;} .nav ul li .nav-body a:nth-child(2){transition-delay: 250ms;} .nav ul li .nav-body a:nth-child(3){transition-delay: 350ms;} .nav ul li .nav-body a:nth-child(4){transition-delay: 450ms;} .nav ul li .nav-body a:nth-child(5){transition-delay: 550ms;} .nav ul li .nav-body a:nth-child(6){transition-delay: 650ms;} .nav ul li .nav-body a:nth-child(7){transition-delay: 750ms;} .nav ul li .nav-body a:nth-child(8){transition-delay: 850ms;} .nav ul li.ative .nav-body a{margin-left: 0; opacity: 1;} .nav ul li .box{width: 704px; float: right;} .nav ul li:nth-child(2) .box{width: 890px;} .nav ul li:nth-child(3) .box{width: 783px;} .nav ul li:nth-child(4) .nav-body,.nav ul li:last-child .nav-body{} .nav ul li:nth-child(5) .box{margin-right: 472px; text-align: right;} .nav ul li:nth-child(6) .box{margin-right: 366px; text-align: right;} .nav ul li:last-child .box{margin-right: 149px; text-align: right;} .nav ul li .nav-body{transform-origin: 250% 0%; transform: perspective(1920px) rotateX(-40deg); opacity:0; transition: all .3s 0s; visibility:hidden;} .nav ul li.ative .nav-body{opacity: 1; visibility: visible; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);} .callNum{float: right; height: 100px; line-height: 100px;} .callNum span{font-family: "Arial"; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callNum.png) left center no-repeat;} .header:hover,.header-hover,.header-hover1,.fixed-nav{background-color: #fff; -webkit-box-shadow: 10px 0px 10px rgba(0,0,0,0.07); box-shadow: 10px 0px 10px rgba(0,0,0,0.07);} .header:hover .logo a,.header-hover .logo a,.header-hover1 .logo a,.fixed-nav .logo a{background-image: url(../images/logo_h.png);} .header:hover .nav ul li>a,.header-hover .nav ul li>a,.header-hover1 .nav ul li>a,.fixed-nav .nav ul li>a{color: #000;} .header:hover .callNum span,.header-hover .callNum span,.header-hover1 .callNum span,.fixed-nav .callNum span{color: #e41700; background: url(../images/callNum_h.png) left center no-repeat;} .btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 4px; z-index: 1020; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);} .trans,.trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;} .btn-m-list .burger{width: 21px; height: 1px; background-color: #000; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;} .btn-m-list .burger-2{top: 25px; width: 15px;} .btn-m-list .burger-3{top: 33px; width: 10px;} .btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);} .btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;} .btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);} .mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);} .neirong{width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 1000; overflow-y: auto; touch-action: pan-y;-webkit-user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .neirong .neirong-bd{padding: 50px 50px 20px 50px; visibility: hidden;} .neirong li{border-bottom: 1px solid #333; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;} .neirong li>a{display: block; height: 47px; line-height: 47px; color: #fff; font-size: 16px;} .neirong li.on>a{color: #fff;} .neirong.neirong-on{left: 0;} .neirong-close{width: 24px; height: 24px; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; left: 10px; visibility: hidden;} .neirong.neirong-hide{ background-color: rgba(0,0,0,.8); height: 0; -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms; -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms; -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms; -o-transition:background 0.35s linear,height 0.25s ease-in 200ms; transition:background 0.35s linear,height 0.25s ease-in 200ms;} .neirong.neirong-show{background-color: #000; height: 100%;} .neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;} .neirong.neirong-hide li,.neirong.neirong-hide .subcall span{ opacity: 0; -webkit-transform: scale(1.1) translateY(-24px); -moz-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); -o-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); } .neirong.neirong-show li,.neirong.neirong-show .subcall span{opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .neirong li:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;} .neirong li:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;} .neirong li:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;} .neirong li:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;} .neirong li:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;} .neirong li:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;} .neirong li:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;} .neirong li:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;} .neirong li:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;} .neirong li:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;} .neirong .subnav{display: none;} .neirong .subnav a{display: block; font-size: 14px; color: #aaa; padding: 10px 0;} .neirong .subcall{padding: 0 50px; } .neirong .subcall span{-webkit-transition-delay: 850ms,850ms; transition-delay: 850ms,850ms; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;} .neirong .subcall span{font-family: "Arial"; display: block; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callNum.png) left center no-repeat;} /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} .bannerBox{width: 100%; height: 100%; position: relative; z-index: 1;} .banner{width: 100%; height: 100%; position: relative;} .banner .slideshow{width: 100%; height: 100%; position: relative; z-index: 1;} .banner .slideshow *{outline: none;} .banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);} .banner .pimg{width: 100%; height: 100vh; background-image: url(../images/banner1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .banner .banText{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; _margin-top: -124px; transform: translateY(-50%);} .banner .banText .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;} .banner .banText .h2 i{color: #e41700;} .banner .banText .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;} .banner .banText .h2,.banner .banText .pn{ opacity: 0; transform: translateY(-100%); transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;} .banner .banText .pn{ transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;} .banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);} .mouseIco{width: 52px; height: 52px; border: 1px solid #fff; border-radius: 50%; display: block; margin-top: 60px; position: relative; cursor: pointer;} .mouseIco i{display: block; width: 8px; height: 15px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: url(../images/mouseIco_i.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;} @keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; } } @-webkit-keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; } } .bannerNumBar{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 100; perspective: 800px; -webkit-perspective: 800px; -moz-perspective: 800px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;} .bannerNumBar .digital{ background-color: #fff; overflow: hidden; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0,0,0); -webkit-transform: rotateX(0deg) translate3d(0,0,0); -moz-transform: rotateX(0deg) translate3d(0,0,0); transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;} .bannerNumBar .digital.active{ transform: rotateX(100deg) translate3d(0,0,0); -webkit-transform: rotateX(100deg) translate3d(0,0,0); -moz-transform: rotateX(100deg) translate3d(0,0,0);} .bannerNumBar ul li{width:25%; height: 130px; padding-top:10px; float: left; text-align: center;} .bannerNumBar ul li.item1{text-align: left;} .bannerNumBar ul li .box{display: inline-block; text-align: left; margin: 0 100px;} .bannerNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 60px; font-weight: bold; color: #333; line-height: 1.1;} .bannerNumBar ul li .pn{font-size: 16px; color: #666;} .bannerNumBar ul li.item2{text-align: center;} .bannerNumBar ul li.item2 .num{color: #333;} .bannerNumBar ul li.item3{text-align: right;} .bannerNumBar ul li.item3 .num{color: #333;} /*index*/ .contain{width: 100%; padding-top: 0;} .sectionBox{width: 100%; background-color: #fff; padding: 80px 0 50px 0; position: relative; z-index: 1;} .section01{background-color: #fff; border-bottom: 1px solid #f4f4f4;} .indexTitle{width: 100%; text-align: center;} .indexTitle h2{font-size: 36px; font-weight: bold; color: #000; line-height: 2;} .indexTitle p{font-size: 18px; color: #666; margin-top: 10px;} .inBusiness{width: 100%; margin-top: 50px;} .inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;} .inBusiness ul li.item1{background-color: #0e45a0;} .inBusiness ul li.item2{background-color: #74b980;} .inBusiness ul li.item3{background-color: #367bf0;} .inBusiness ul li.item4{background-color: #e5f3fe;} .inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);} .inBusiness ul li.item2:hover .box{background-color: rgba(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);} .inBusiness ul li.item3:hover .box{background-color: rgba(243,243,243,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);} .inBusiness ul li.item3:hover .tit{background: url(../images/inBusiness_more_h.png) right center no-repeat;} .inBusiness ul li.item3 .dl dd .a{border-color: #000; color: #333;} .inBusiness ul li.item4:hover .box{background-color: rgba(228,23,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);} .inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e41700;} .inBusiness ul li .tit{font-size: 28px; color: #fff; padding-right: 45px;} .inBusiness ul li .tit p{font-size: 14px; color: #fff;} .inBusiness ul li.item2 .tit{color: #000;} .inBusiness ul li.item2 .tit p{color: #333;} .inBusiness ul li.item3 .tit{color: #fff;} .inBusiness ul li.item3 .tit p{color: #fff;} .inBusiness ul li.item4 .tit{color: #000;} .inBusiness ul li.item4 .tit p{color: #333;} .inBusiness ul li:hover .tit{background: url(../images/inBusiness_more.png) right center no-repeat;} .inBusiness ul li:hover .dl{visibility: visible; opacity: 1;} .inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;} .inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;} .inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;} .inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #e41700; border-color: #e41700; color: #fff;} .section02{background-color: #f4f4f4;} .incaseTab{width: 100%; text-align: center; margin-top: 10px;} .incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 25px; margin-right: 25px; background: url(../images/incaseTab_li.png) right center no-repeat;} .incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;} .incaseTab ul li a{font-size: 18px; color: #666;} .incaseTab ul li.on a{color: #e41700;} .indexCase{width: 100%; margin-top: 50px; overflow: hidden;} .indexCase .box{display: none;} .indexCase ul li{width: 25%; float: left;} .indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;} .indexCase ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .indexCase ul li:hover .bg{visibility: visible; opacity: 1;} .indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .indexCase ul li:hover .bg img{transform: translateY(0);} .indexCase ul li .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;} .indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .indexCase ul li h2{font-size: 18px; font-weight: bold; color: #000;} .indexCase ul li p{font-size: 14px; color: #999;} .indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;} .indexCase ul li .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;} .indexCase ul li:hover .icon{background: url(../images/case_more_h.png) no-repeat;} .indexBtns{width: 100%; margin-top: 55px; text-align: center;} .indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;} .indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .section03{background-color: #fff;} .indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;} .indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;} .indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;} .indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;} .indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;} .indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;} .section04{background-color: #f4f4f4;} .indexNews{width: 100%; margin-top: 50px;} .indexNews .item{width: 100%; overflow: hidden;} .indexNews .slick-dots{width: 100%; text-align: center; margin-top: 12px;} .indexNews .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;} .indexNews .slick-dots li button{display: none;} .indexNews .slick-dots li.slick-active{background-color: #e41700;} .indexnwHot{/*width: 530px;*/ width: 32.55%; background-color: #fff; float: left;} .indexnwHot a{display: block; padding: 40px 30px 30px 30px;} .indexnwHot .h2{font-size: 20px; color: #333;} .indexnwHot .h2:hover{color: #e41700;} .indexnwHot .time{font-size: 14px; color: #999; margin: 5px 0 10px 0;} .indexnwHot .pic{width: 100%; height: 493px; overflow: hidden; position: relative;} .indexnwHot .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;} .indexnwHot .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);} .indexnwlist{/*width: 1100px;*/ width: 100%;} .indexnwlist ul li{width: 31%; height: 307px; float: left; margin: 0 0 16px 1.8%; background-color: #fff;} .indexnwlist ul li a{display: block; padding: 40px 30px 10px 30px;} .indexnwlist ul li .h2{font-size: 20px; color: #333;} .indexnwlist ul li:hover .h2{color: #e41700;} .indexnwlist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;} .indexnwlist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;} .indexnwlist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;} .indexnwlist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;} .indexnwlist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;} .indexnwlist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .baiweiDemand{width: 100%; background-color: #fff; padding: 80px 0 120px 0; position: relative; z-index: 1;} .baiweiDemand .indexTitle{text-align: left;} .baiweiDemand .indexTitle p{font-size: 14px;} .baiweiform{margin: 30px 0 10px 0;} .baiweiform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;} .baiweiform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;} .baiweiform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .baiweiform ul li .bwtext:focus{border-color: #e41700;} .baiweiform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;} .baiweiform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;} .baiweiform ul li .bwsele::-ms-expand{display:none;} .baiweiform ul li .submit{width: 100%; height: 55px; background-color: #e41700; border: 2px solid #e41700; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .baiweiform ul li .submit:hover{background-color: #000; border-color: #000;} .italic{font-size: 12px; color: #999;} /*website*/ #fp-nav{display: none;} .section{overflow: hidden;zoom: 1;} .section .webPic{width: 63.5%; height: 100%; float: right; position: relative;} .section .webPic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .section .webTmain{width: 36.5%; text-align: right; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);} .section .webBox{max-width: 512px; margin: 0 40px; display: inline-block; text-align: left;} .section .webTmain .h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;} .section .webTmain .h3{font-size: 24px; color: #000;} .section .webTmain .pn{font-size: 14px; color: #999; margin-top: 10px; height: 84px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;} .section .webBtns{width: 100%; margin-top: 60px;} .section .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;} .section .webBtns a:hover,.section .webBtns a.on{color: #fff;} .section .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .section .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .section .webBrand{width: 100%; margin-top: 65px;} .section .webBrand ul li{width: 33.333%; float: left; margin-top: 1px;} .section .webBrand ul li span{display: block; padding-top: 45%; margin-right: 1px; position: relative;} .section .webBrand ul li span img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .i-wrap1,.i-wrap3,.i-wrap5,.i-wrap7{background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat;} .i-wrap2,.i-wrap4,.i-wrap6{background-color: #f2f2f2;} .i-wrap3{background-image: url(../images/webBox03.jpg);} .i-wrap3 .webPic,.i-wrap5 .webPic,.i-wrap7 .webPic{float: left;} .i-wrap3 .webTmain,.i-wrap5 .webTmain,.i-wrap7 .webTmain{float: right; text-align: left; left: auto; right: 0;} .i-wrap3 .webTmain .h2,.i-wrap3 .webTmain .h3,.i-wrap5 .webTmain .h3,.i-wrap5 .webTmain .h2,.i-wrap7 .webTmain .h3,.i-wrap7 .webTmain .h2{color: #fff;} .i-wrap3 .webTmain .pn,.i-wrap5 .webTmain .pn,.i-wrap7 .webTmain .pn{color: #fff; opacity: .5;} .i-wrap5{background-image: url(../images/webBox05.jpg);} .i-wrap7{background-image: url(../images/webBox07.jpg);} .active .banner .banText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;} .active .banner .banText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.2s; -webkit-animation-duration: 1.2s;} /*.section .webPic{opacity: 0; transform: translateX(100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;} .active .webPic{opacity: 1; transform: translateX(0);} .section .webTmain{opacity: 0; transform: translateX(-100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;} .active .webTmain{opacity: 1; transform: translateX(0);}*/ .active .webPic{ -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .active .webBox{ -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadeInUp1 { 0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); } 100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;} } @-webkit-keyframes fadeInUp1 { 0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); } 100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;} } @-webkit-keyframes slideInDown1 { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown1 { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown1{-webkit-animation-name: slideInDown1; animation-name: slideInDown1;} @-webkit-keyframes slideInDown2 { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown2 { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown2{-webkit-animation-name: slideInDown2; animation-name: slideInDown2;} /*mobile*/ .m-wrap2,.m-wrap3,.m-wrap4{background-color: #eee; background-position: left bottom; background-size: cover; background-repeat: no-repeat;} .m-wrap2{background-image: url(../images/mobile1.jpg);} .m-wrap3{background-image: url(../images/mobile2.jpg);} .m-wrap4{background-image: url(../images/mobile3.jpg);} .mobText{width: 446px; padding-top: 210px;} .mobText .h2{font-size: 46px; color: #000;} .mobText .pn{font-size: 16px; color: #666; line-height: 30px; margin-top: 5px;} .mobText .th{font-size: 24px; color: #000; margin-top: 30px;} .mobText .dl,.myApplt{margin-top: 10px; overflow: hidden;} .mobText .dl dd{width: 56px; text-align: center; font-size: 14px; color: #333; float: left; margin-right: 40px;} .mobText .dl dd img{margin: 0 auto;} .mobText .dl dd p{margin-top: 5px;} .myApplt ul{margin-left: -9px; margin-right: -9px;} .myApplt ul li{width: 20%; float: left;} .myApplt ul li span{margin: 0 9px; display: block;} .active .mobText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;} .active .mobText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2s; -webkit-animation-duration: 2s;} .active .mobText .th{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 3s; -webkit-animation-duration: 3s;} .active .mobText .dl{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 4s; -webkit-animation-duration: 4s;} .active .mobText .myApplt{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 5s; -webkit-animation-duration: 5s;} .active .indexTitle h2{animation-name: slideInDown1; -webkit-animation-name: slideInDown1; animation-duration: 0.2s; -webkit-animation-duration: 0.2s;} .active .indexTitle p{animation-name: slideInDown2; -webkit-animation-name: slideInDown2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s;} /*case*/ .nybanner{width: 100%; height: 760px; position: relative; overflow: hidden; background-image: url(../images/banner3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);} .nybanner .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;} .nybanner .h2 i{color: #e41700;} .nybanner .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;} .caseWrap{width: 100%; background-color: #fff; padding-top: 100px;} .caseDetails{padding: 80px 0 56px 0;} .caseTextBox{padding: 90px 190px; margin-bottom: 24px; background-color: #f6f6f6;} .caseTextBox img{max-width: 100%; margin: 0 auto;} .caseTextBox .caseTitle{width: 340px; float: left;} .caseTextBox .caTit{font-size: 36px; font-weight: bold; color: #000;} .caseTextBox .line{width: 33px; height: 3px; display: block; background-color: #000; margin-top: 5px;} .caseTextBox .caseInfo{width: 590px; float: right;} .caseTextBox .caText{font-size: 14px; color: #333; line-height: 30px; text-align: justify; text-justify: inter-ideograph;} .caseTextBox .caTage{font-size: 12px; color: #999; line-height: 20px; margin-top: 40px;} .caseTextBox .Btns{display: block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 2px solid #000; border-radius: 25px; margin-top: 15px; overflow: hidden; text-align: center; position: relative; z-index: 1;} .caseTextBox .Btns:hover{color: #fff;} .caseTextBox .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .caseTextBox .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .caseTextBox .mobewm{width: 100px; text-align: center; font-size: 12px; color: #999; margin-top: 15px;} .caseTextBox .mobewm img{width: 100%; margin-bottom: 3px;} .caseDetailsBom{padding: 65px 0 80px 0; background-color: #f6f6f6;} .caseRecoomlist{width: 100%; margin-top: 45px;} .caseRecoomlist .box{display: block; margin: 0 15px; background-color: #fff;} .caseRecoomlist .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;} .caseRecoomlist .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;} .caseRecoomlist .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .caseRecoomlist .box:hover .bg{visibility: visible; opacity: 1;} .caseRecoomlist .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} .caseRecoomlist .box:hover .bg img{transform: translateY(0);} .caseRecoomlist .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;} .caseRecoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .caseRecoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .caseRecoomlist h2{font-size: 18px; font-weight: bold; color: #000;} .caseRecoomlist p{font-size: 14px; color: #999;} .caseRecoomlist .box:hover h2,.caseRecoomlist .box:hover p{color: #fff;} .caseRecoomlist .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;} .caseRecoomlist .box:hover .icon{background: url(../images/case_more_h.png) no-repeat;} .caseRecoomlist .slick-dots{width: 100%; text-align: center; margin-top: 15px;} .caseRecoomlist .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;} .caseRecoomlist .slick-dots li button{display: none;} .caseRecoomlist .slick-dots li.slick-active{background-color: #e41700;} .app-list ul li .pic{padding-top: 56%;} .app-list ul li .bg,.app-list ul li .hidden{display: none;} .sl-overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; opacity: 1; display: none; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);} .sl-wrapper .sl-close{position: fixed; right: 30px; top: 30px; z-index: 4000; font-size: 0; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat;} .sl-wrapper .sl-navigation button{position: fixed; top: 50%; margin-top: -23px; width: 50px; height: 46px; font-size: 0; z-index: 4000;} .sl-wrapper .sl-navigation button.sl-prev{left: 30px; background: url(../images/app-prev.png) no-repeat;} .sl-wrapper .sl-navigation button.sl-next{right: 30px; background: url(../images/app-next.png) no-repeat;} .font-48{font-size: 48px; line-height: 1;} .alert-action{position: fixed; top: 70px; left: 96px; z-index: 2000; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat; cursor: pointer;} .lb-nav a.lb-prev{background: url(../images/app-prev.png) left 48% no-repeat;} .lb-nav a.lb-next{background: url(../images/app-next.png) right 48% no-repeat;} /*news*/ .newsTou{width: 100%; margin-top: 50px;} .newslist ul{margin-left: -8px; margin-right: -8px; margin-bottom: -16px;} .newslist ul li{width: 33.333%; float: left; margin-bottom: 16px;} .newslist ul li a{display: block; padding: 40px 30px 10px 30px; margin: 0 8px; background-color: #fff;} .newslist ul li .h2{font-size: 20px; color: #333;} .newslist ul li:hover .h2{color: #e41700;} .newslist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;} .newslist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;} .newslist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;} .newslist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/news_more.png) no-repeat;} .newslist ul li:hover .time:after{background: url(../images/news_more_h.png) no-repeat;} .newslist ul li:hover a{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);} .page{width: 100%; text-align: center; margin-top: 60px;} .page a{display: inline-block; font-size: 16px; color: #999; background-color: #fff; padding: 7px 14px;} .page a:hover,.page a.on{background-color: #e41700; border-color: #e41700; color: #fff;} .newsleft{/*width: 1288px;*/ width: 79%; float: left;} .newsdetail{background-color: #fff; padding: 50px 64px 100px 64px;} .newsdetail h1{font-size: 36px; font-weight: bold; color: #000; text-align: center; word-wrap: break-word;} .newsdetail .newsinfo{font-size: 14px; color: #999; padding: 10px 0; text-align: center;} .newsdetail .newsinfo .admin,.newsdetail .newsinfo .time,.newsdetail .newsinfo .bdsharebuttonbox{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;} .newsdetail .newsinfo .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; display: inline-block; float: none; width: 27px; height: 27px; background-position: center; -webkit-transition: all 0s ease; transition: all 0s ease;} .newsdetail .newsinfo .bdsharebuttonbox a.bds_weixin{background-image: url(../images/nwwx.png);} .newsdetail .newsinfo .bdsharebuttonbox a.bds_sqq{background-image: url(../images/nwqq.png);} .newsdetail .newsinfo .bdsharebuttonbox a.bds_tsina{background-image: url(../images/nwwb.png);} .newsdetail .newstext{border-top: 1px solid #ebebeb; padding: 40px 0; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;} .newsdetail .newstext img{margin: 0 auto;} .newsdetail .newsmore{width: 100%; height: 48px; line-height: 48px; background-color: #efefef;} .newsdetail .newsmore ul li{width: 33.333%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .newsdetail .newsmore ul li a{font-size: 14px; color: #333; display: inline-block; margin: 0 20px;} .newsdetail .newsmore ul li a:hover{color: #e41700;} .newsdetail .newsmore ul li.Prev{text-align: left;} .newsdetail .newsmore ul li.Prev a{padding-left: 20px; background: url(../images/News_Prev.png) left center no-repeat;} .newsdetail .newsmore ul li.Backlist a{padding-left: 20px; background: url(../images/Backlist.png) left center no-repeat;} .newsdetail .newsmore ul li.Next a{padding-right: 20px; background: url(../images/News_Next.png) right center no-repeat;} .newsdetail .newsmore ul li.Next{text-align: right;} .newsright{/*width: 305px;*/ width: 19%; float: right;} .nwNextlist{background-color: #fff; padding: 20px 0;} .nwNextlist ul li{padding: 10px 30px;} .nwNextlist ul li .th{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;} .nwNextlist ul li .th i{display: inline-block; background-color: #fff; padding-right: 10px;} .nwNextlist ul li .th:after{content:""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position: absolute; left: 0; top: 49%; z-index: -1;} .nwNextlist ul li .time{font-size: 14px; color: #999; margin-top: 10px;} .nwNextlist ul li .h2{font-size: 16px; color: #666;} .nwNextlist ul li:hover .h2{color: #e41700;} .nwMyewm{margin-top: 15px; background-color: #fff; text-align: center; padding: 34px;} .nwMyewm .th{display: block; font-size: 16px; color: #666; margin-bottom: 5px;} .nwMyewm .ewm img{border: 1px solid #f5f5f5; margin: 0 auto;} /*about*/ .abbanner{width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #000; background-image: url(../images/banner5.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .aboutNumBar{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);} .aboutNumBar ul li{width: 33.333%; float: left; text-align: center;} .aboutNumBar ul li .box{width: 226px; display: inline-block; text-align: left;} .aboutNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 100px; font-weight: bold; color: #e41700; line-height: 1.1;} .aboutNumBar ul li .pn{font-size: 16px; color: #fff;} .mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;} .mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;} @keyframes mouse-dot1 { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; } } @-webkit-keyframes mouse-dot1 { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; } } .aboutBox{width: 100%; padding: 80px 0; background-color: #fff;} .aboutBox .layout{max-width: 1100px;} .aboutTitle{width: 100%; text-align: center;} .aboutTitle h2{font-size: 48px; color: #000; line-height: 1.1;} .aboutTitle p{font-size: 18px; color: #666; margin-top: 10px;} .aboutUs{background-color: #f8f8f8; margin-top: 50px; padding: 70px 144px; border-radius: 10px;} .aboutUs .h2{font-size: 36px; font-weight: bold; color: #e41700; position: relative; z-index: 1;} .aboutUs .h2:after,.aboutUs .h2:before{content:""; display: block; width: 37px; height: 34px; position: absolute; top: 10px; z-index: -1; background-size: cover; background-repeat: no-repeat;} .aboutUs .h2:before{left: -65px; background-image: url(../images/abIcon_l.png);} .aboutUs .h2:after{right: -20px; background-image: url(../images/abIcon_r.png);} .aboutUs .pn{font-size: 16px; color: #666; text-align: justify;text-justify: inter-ideograph;} .aboutBox02{width: 100%; min-height: 650px; background-image: url(../images/aboutBox02.jpg); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat;} .aboutBox02 .aboutTitle h2{color: #fff;} .aboutSer{width: 100%; margin-top: 50px;} .aboutSer ul li{margin-top: 1px; padding: 45px 60px; overflow: hidden; position: relative; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);} .aboutSer ul li .h2{width: 180px; padding: 20px 10px 0 0; float: left; font-size: 30px; color: #eca50b;} .aboutSer ul li .pn{width: 402px; float: left; font-size: 16px; color: #fff; opacity: .6; text-align: justify;text-justify: inter-ideograph;} .aboutSer ul li .icon{width: 35px; height: 35px; border-radius: 50%; background-color: #e41700; display: block; position: absolute; right: 60px; top: 50%; margin-top: -17px;} .aboutSer ul li .icon:after{content:""; width: 0; height: 0; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;} .aboutBox03{background-color: #f7f7f7;} .abContact{width: 100%; border-top: 1px solid #e6e6e6; margin-top: 50px;} .abContact ul li{border-bottom: 1px solid #e6e6e6; padding: 30px 140px 40px 0; position: relative;} .abContact ul li .h2{font-size: 24px; color: #000; margin-bottom: 5px;} .abContact ul li .h2 img{max-width: 51px; margin-right: 5px; vertical-align: bottom;} .abContact ul li .pn{font-size: 16px; color: #666; line-height: 30px;} .abContact ul li .Btns{width: 120px; height: 38px; line-height: 38px; text-align: center; background-color: #e41700; font-size: 16px; color: #fff; overflow: hidden; display: block; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -19px;} .abContact ul li .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .abContact ul li .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} /*contact*/ .contact-box01{width: 100%; background-color: #fff; padding: 230px 0 190px 0;} .contact-box01 .h2{font-size: 24px; color: #333;} .contact-box01 .pn{margin-top: 10px;} .contact-box01 .pim img{max-width: 100%; display: block;} .contact-box01 .line{width: 43px; height: 2px; display: block; background-color: #333; margin: 50px 0;} .contact-box01 .pe{margin-bottom: 10px;} .contact-box01 .btns{width: 188px; height: 55px; line-height: 55px; text-align: center; background-color: #333; font-size: 12px; color: #fff; overflow: hidden; display: block; margin-top: 90px; position: relative; z-index: 1;} .contact-box01 .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;} .contact-box01 .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;} .contact-box02{width: 100%; padding: 190px 0 120px 0; background-color: #000; background-image: url(../images/contact-box02.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat;} .cont-info{width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #1e1e1d; border-bottom: 1px solid rgba(255,255,255,.1);} .cont-info ul li{width: 50%; float: left;} .cont-info ul li{font-size: 16px; color: #fff;} .cont-info ul li .tn{font-size: 14px; color: #ccc; display: block; margin: 5px 0;} .cont-tips{font-size: 12px; color: #fff;} .cont-tips span{color: #ccc;} .cont-form{width: 100%; min-height: 575px; position: relative;} .cont-form ul li{/*width: 755px;*/ width: 46.35%; margin-top: 30px;} .cont-form ul li .tit{font-size: 14px; color: #fff; height: 30px; line-height: 30px;} .cont-form ul li .tit i{color: #f00;} .cont-form ul li .cont-text,.cont-form ul li .cont-teat,.cont-form ul li .cont-sele{width: 100%; height: 40px; line-height: 40px; background: none; border: 2px solid #808080; padding: 0 10px; font-size: 14px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;} .cont-form ul li .cont-teat{height: 540px; padding: 5px 10px; line-height: 24px;} .cont-form ul li .cont-text:focus,.cont-form ul li .cont-teat:focus{border-color: #fff;} .cont-form ul li.item-teat{position: absolute; right: 0; top: 0;} .cont-form ul li .cont-sele{color: #999;} .cont-form ul li.item-submit{margin-top: 40px;} .cont-form ul li .btns{/*width: 364px;*/ width: 48.3%; height: 50px; border: none; background-color: #b8b8b8; font-size: 16px; color: #333; cursor: pointer; float: left;} .cont-form ul li .btns:hover,.cont-form ul li .reset{background-color: #e41700; color: #fff;} .cont-form ul li .reset{float: right;} .about-box01{width: 100%; background-color: #fff; padding: 120px 0;} .about-box01 .about-tm{max-width: 910px; margin: 0 auto; text-align: center;} .about-box01 .about-tm .h2{font-size: 40px; color: #000; margin-bottom: 30px;} .about-box01 .about-tm .h3{font-size: 14px; color: #666; line-height: 30px;} .about-box01 .IndexList{width: 70%; padding-top: 30px;} .about-box02{width: 100%; height: 676px; background-image: url(../images/about03.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;} .about-box02 .about-xzwm{max-width: 1295px; margin: 0 auto; padding-top: 70px; text-align: center;} .about-box02 .about-xzwm .h2{font-size: 36px; color: #fff; margin-bottom: 10px;} .about-box02 .about-xzwm .h3{font-size: 16px; color: #d9d9d9;} .about-box02 .about-xzwm .abul li{width: 21%; max-width: 270px; float: left; margin-top: 120px; margin-right: 18%; margin-right: 11%\0;} .about-box02 .about-xzwm .abul li .co{display: block; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto; background-image: url(../images/about04.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .5s ease;transition: all .5s ease;} .about-box02 .about-xzwm .abul li:hover .co{background-position: 0 -120px; border-color: #dc1010;} .about-box02 .about-xzwm .abul li .c1{background-position: 0 0;} .about-box02 .about-xzwm .abul li .c2{background-position: -120px 0;} .about-box02 .about-xzwm .abul li:hover .c2{background-position: -120px -120px;} .about-box02 .about-xzwm .abul li .c3{background-position: -240px 0;} .about-box02 .about-xzwm .abul li:hover .c3{background-position: -240px -120px;} .about-box02 .about-xzwm .abul li .t{display: block; font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;} .about-box02 .about-xzwm .abul li p{font-size: 14px; color: #c4c4c4;} .about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right: 0;} .about-box03{width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; padding: 120px 0;} .about-box03 .about-xzwm{max-width: 1295px; margin: 0 auto; text-align: center;} .about-box03 .about-xzwm .h2{font-size: 40px; color: #000; margin-bottom: 30px;} .about-box03 .about-xzwm .h3{font-size: 14px; color: #666; line-height: 30px;} .ab-team ul li{width: 30%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-top: 5%; margin-right: 5%; margin-right: 3%\0;} .ab-team ul li:nth-of-type(3n){margin-right: 0;} .ab-team ul li .pic{width: 100%; overflow: hidden;} .ab-team ul li .pic img{width: 100%; display: block;} .ab-team ul li .tmask{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); -webkit-transition: all .5s ease;transition: all .5s ease;} .ab-team ul li:hover .tmask{visibility: visible; opacity: 1;} .ab-team ul li .tm{padding: 35px; text-align: left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease;transition: all .8s ease;} .ab-team ul li:hover .tm{transform: translateX(0) translateY(0);} .ab-team ul li .tm .n1{font-size: 24px; font-weight: bold; color: #fff;} .ab-team ul li .tm .n2{font-size: 16px; color: #fff; display: block;} .ab-team ul li .tm .line{display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 10px; margin-bottom: 30px;} .ab-team ul li .tm p{font-size: 14px; color: #fff; margin-bottom: 10px;} .IndexList{width: 440px; margin: 0 auto; display: table; position: relative; -webkit-transition: all .8s ease-out 0s;transition: all .8s ease-out 0s;} .IndexList ul{font-size: 0; padding-top: 30px;} .IndexList li{display: inline-block; width: 33.33%; text-align: center; position: relative;} .IndexList li i{font-size: 16px; color: #000;} .IndexList li span{display: block; font-size: 14px; color: #666; letter-spacing: 4px;} .nub{font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block;} .NumContent{height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;} .NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;} .NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;} .NumContent>div:nth-child(1){ transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; } .NumContent>div:nth-child(2){ transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; } .NumContent>div:nth-child(3){ transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0; } .NumContent>div:nth-child(4){ transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; } .NumContent>div:nth-child(5){ transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; -moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s; } .IndexList.active{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); } /*myTop*/ .myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 5%; z-index: 100;} .myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;} .myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;} .myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e41700; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; opacity: 0\9; filter: alpha(opacity=0)\9; } .myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} /*.myTop ul li:hover a{background-color: #e41700;}*/ .myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;} .myTop ul li .t{display: block; margin-top: 7px;} .myTop ul li.myMess .icon{background-image: url(../images/myMess.png);} .myTop ul li.myNum .icon{background-image: url(../images/myNum.png);} .myTop ul li.mySer .icon{background-image: url(../images/mySer.png);} .myTop ul li.GoTop .icon{background-image: url(../images/GoTop.png);} .myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #e41700; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .myTop ul li:hover .Phone{left: -200px;} /*footer*/ .footer{width: 100%; background-color: #262626; position:relative; z-index:1; overflow:hidden; margin-top: -18px} .footer .layout{position:relative;} .footer .footertext{z-index:10;position:relative;background-color: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);} .footer .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;z-index:1;} .footer video{width:100%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:1; -webkit-transition: opacity 4.0s; -moz-transition: opacity 4.0s; -ms-transition: opacity 4.0s; -o-transition: opacity 4.0s; transition: opacity 4.0s;} .footer .footTou{padding: 77px 0 60px 0;} .footer .ftlogos{width: 240px; float: left; font-size: 14px; color: #666; text-align: center} .footer .ftlogos p{margin-top: 10px;} .footer .ftewm{width: 119px; float: right; text-align: center; font-size: 14px; color: #666;} .footer .ftlinks{/*width: 840px;*/ width: 60.6%; float: right; overflow: hidden; word-break: break-all; word-wrap: break-word;} .footer .dl{width: 16.666%; float: left;} .footer .dl dt{font-size: 16px; color: #fff; padding: 0 35px 10px 0; position: relative;} .footer .dl dt:after{content:" / "; display: block; font-size: 16px; color: #fff; position: absolute; right: 45px; top: 0;} .footer .dl:nth-last-child(1) dt:after{display: none;} .footer .dl dd{margin-top: 10px; padding-right: 10px; font-size: 14px;} .footer .dl dd a{color: #fff;} .footer .dl dd a:hover{color: #e41700;} .footer .footBom{width: 100%; padding: 20px 0; border-top: 1px solid #424242; overflow: hidden;zoom: 1;} .footer .ftCopy{width: 60%; float: left; text-align: left; font-size: 12px; color: #424242;} .footer .bdsharebuttonbox{width: 40%; float: right; text-align: right;} .footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 0 0 7px; padding: 0; float: none; display: inline-block; background-image: url(../images/Share.png); background-position: 0 0; background-repeat: no-repeat;} .footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;} .footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;} .footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;} .footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;} .footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;} .footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;} .dowebok .section{width: 100%; height: 100vh;} /*首页新闻*/ @font-face { font-family: 'cui-icon'; src:url(../font/cui-icon.woff2); font-weight: normal; font-style: normal; } .cui-icon { font-family: 'cui-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; vertical-align: middle; font-size: 16px; } .cui-icon-add:before { content: "\ea01" } .cui-icon-cancel:before { content: "\ea02" } .cui-icon-confirm:before { content: "\ea03" } .cui-icon-date:before { content: "\ea04" } .cui-icon-download:before { content: "\ea05" } .cui-icon-edit:before { content: "\ea06" } .cui-icon-heart:before { content: "\ea07" } .cui-icon-help:before { content: "\ea08" } .cui-icon-home:before { content: "\ea09" } .cui-icon-infomation:before { content: "\ea0a" } .cui-icon-menu:before { content: "\ea0b" } .cui-icon-minus:before { content: "\ea0c" } .cui-icon-purchase:before { content: "\ea0d" } .cui-icon-refresh:before { content: "\ea0e" } .cui-icon-search:before { content: "\ea0f" } .cui-icon-star-outline:before { content: "\ea10" } .cui-icon-star:before { content: "\ea11" } .cui-icon-visible:before { content: "\ea12" } .cui-icon-double-down:before { content: "\ea13" } .cui-icon-double-left:before { content: "\ea14" } .cui-icon-double-right:before { content: "\ea15" } .cui-icon-double-up:before { content: "\ea16" } .cui-icon-down:before { content: "\ea17" } .cui-icon-left:before { content: "\ea18" } .cui-icon-more:before { content: "\ea19" } .cui-icon-play:before { content: "\ea1a" } .cui-icon-right:before { content: "\ea1b" } .cui-icon-triangle-down:before { content: "\ea1c" } .cui-icon-up:before { content: "\ea1d" } *{box-sizing: border-box;font-weight: normal;} .cui-btn{display: inline-block;height: 40px;padding: 0 30px;border: solid 1px transparent;border-radius: 2px;background: transparent;font-weight: 400;font-size: 14px;line-height: 38px;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;transition: 0.2s;} .cui-btn-small{height: 32px;padding-left: 20px;padding-right: 20px;font-size: 12px;line-height: 30px;} .cui-icon{font-family: 'cui-icon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;vertical-align: middle;font-size: 16px;} .cui-icon-play:before{content: "\EA1A";} .section-news{background: #F1F5FF;} .section-title{text-align: center;padding-top: 60px;padding-bottom: 52px;} .section-title h1{position: relative;font-size: 36px;line-height: 50px; font-weight:bold; color: #000;} .section-title h2{margin-top: 10px;font-size: 18px;line-height: 22px; color: #666a75;} .section-wrapper{max-width: 1280px;padding-left: 30px;padding-right: 30px;margin-left: auto;margin-right: auto;} .news-body{height: 540px;margin-left: 10px;margin-right: 10px;box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);} .news-body:before, .news-body:after{content: " ";display: table;box-sizing: inherit;} .news-main{float: left;height: 100%;width: 32.5%;} .news-main-card{display: block;position: relative;height: 100%;overflow: hidden;} .news-main-card:hover .news-main-card-bg{transform: scale(1.1);} .news-main-card-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;} .news-main-card-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.2s;} .news-main-card-bg-mb{display: none;} .news-main-card-top{position: relative;height: 310px;} .news-play-btn{display: none;position: absolute;top: 70px;right: 0;bottom: 0;left: 0;width: 40px;height: 30px;background-color: rgba(255, 255, 255, 0.3);border-radius: 2px;margin: auto;font-size: 0;line-height: 30px;text-align: center;cursor: pointer;transition: 0.2s;} .news-play-btn .cui-icon-play{font-size: 16px;color: #fff;} .news-main-card-bottom{position: relative;height: 230px;padding: 5px 40px;} .news-main-card-bottom .h2{margin-bottom: 10px;font-size: 20px;line-height: 28px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news-main-card-bottom .p{max-height: 40px;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.7);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-main-card-bottom .sub-p{position: relative;padding-left: 10px;font-size: 14px;line-height: 20px;color: #fff;} .news-main-card-bottom .sub-p-date{margin-top: 10px;} .news-main-card-bottom .sub-p:before{content: "";display: block;position: absolute;left: 0;top: 10px;border: solid 2px;border-radius: 50%;margin-top: -2px;} .news-main-card-bottom .sub-p-author{margin-top: 5px;} .news-main-card-bottom .btn-group{position: absolute;bottom: 30px;} .cui-btn-outline-light{border: solid 1px #fff;color: #fff;} .cui-btn-outline-light:hover{border-color: #f66f6a;background-color: #f66f6a;color: #fff;} .news-main-card-bottom .btn-group .cui-icon{margin-top: -2px;margin-right: 8px;font-size: inherit;} .news-sub{float: left;position: relative;height: 100%;width: 67.5%;} .news-list-v{position: absolute;height: 100%;width: 100%;visibility: hidden;opacity: 0;transition: 0s 0.2s;} .news-list-v.show{z-index: 1;visibility: visible;opacity: 1;transition: 0.2s;} .news-list-v:before, .news-list-v:after{content: " ";display: table;box-sizing: inherit;} .news-list-v:after{clear: both;} .news-list-v>li{float: left;width: 33.33333333%;height: 50%;} .news-list-card{display: block;position: relative;height: 100%;padding: 70px 40px 0;background-color: white;} .news-list-card:hover .h3, .news-list-card:hover .p{transform: translate(0, -26px);} .news-list-card:hover .more{opacity: 1;color: #6F7479;} .news-list-v>li:nth-child(1) .news-list-card, .news-list-v>li:nth-child(5) .news-list-card{background-color: #f66f6a;} .news-list-v>li:nth-child(2) .news-list-card{background-image: url(../images/homepage-news-card-bg.jpg);background-size: cover;} .news-list-v>li:nth-child(4){width: 66.66666667%;} .news-list-card .h3{max-height: 56px;margin-bottom: 20px;font-size: 20px;line-height: 28px;color: #252b3a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: transform 0.2s;} .news-list-card .p{max-height: 60px;font-size: 14px;line-height: 20px;color: #666a75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: transform 0.2s;} .news-list-v>li:nth-child(1) .news-list-card .h3, .news-list-v>li:nth-child(2) .news-list-card .h3, .news-list-v>li:nth-child(5) .news-list-card .h3{color: #fff;} .news-list-v>li:nth-child(1) .news-list-card .p, .news-list-v>li:nth-child(2) .news-list-card .p, .news-list-v>li:nth-child(5) .news-list-card .p, .news-list-v>li:nth-child(1) .news-list-card .more, .news-list-v>li:nth-child(2) .news-list-card .more, .news-list-v>li:nth-child(5) .news-list-card .more{color: rgba(255, 255, 255, 0.7);} .news-list-card .more{position: absolute;bottom: 30px;opacity: 0;transition: opacity 0.2s;color: rgba(255, 255, 255, 0.7);} .news-list-card .more i{margin-left: 5px;transition: transform 0.2s;} .news-list-card .more:hover i{transform: translate(5px, 0);} .cui-icon-more:before{content: "\EA19";} .section-bottom{padding-top: 40px;padding-bottom: 50px;} .section-more-wrap{text-align: center;} .section-more-wrap a{display: inline-block;font-size: 16px;line-height: 24px;color: #666a75;cursor: pointer;user-select: none;transition: 0.2s;} .section-more-wrap a:hover{color: #f66f6a;} .section-more-wrap .news-more{display: none;} .section-more-wrap a .cui-icon{margin-top: -2px;margin-left: 10px;transition: transform 0.2s;} .section-more-wrap .news-change{padding-right: 20px;background-image: url(../images/homepage-news-icon-change.png);background-repeat: no-repeat;background-position: right center;} .section-more-wrap .news-change:before, .section-more-wrap .news-change:hover{content: "";background-image: url(../images/homepage-news-icon-change-active.png);} /*Mobile Css*/ @media screen and (max-width:1600px){ .logo a{width: 314px;} .nav ul li{margin-right: 26px;} .nav ul li .box{width: 644px;} .nav ul li:nth-child(2) .box{width: 700px;} .nav ul li:nth-child(3) .box{width: 605px;} .nav ul li:nth-child(5) .box{margin-right: 425px;} .nav ul li:nth-child(6) .box{margin-right: 90px;} .nav ul li .nav-body a{margin-right: 15px;} .bannerNumBar ul li{height: 110px; padding-top: 20px;} .inBusiness ul li .box{padding: 40px 30px;} .mobText{padding-top: 150px;} } @media screen and (min-width:1200px) and (max-width:1519px){ .layout{ width: 1180px; } .header{height: 80px;} .logo{padding-top: 10px;} .nav ul li>a{height: 80px; line-height: 80px;} .nav ul li .nav-body{top: 80px;} .callNum{height: 80px; line-height: 80px;} .bannerNumBar ul li{ padding-top: 20px;} .bannerNumBar ul li .box{margin: 0 50px;} .bannerNumBar ul li .num{font-size: 40px;} .bannerNumBar ul li .pn{font-size: 14px;} .inBusiness ul li .box{height: 380px;} .baiweiDemand{padding: 20px 0;} .dowebok .baiweiDemand{padding: 130px 0 20px 0;} .nybanner{height: 528px;} .nybanner .h2{font-size: 34px;} .footer .ftlinks{width: 740px;} .footer .dl dt{font-size: 16px; padding-right: 20px;} .footer .dl dt:after{right: 20px;} .footer .dl dd{font-size: 12px;} .section .webTmain{width: 47.5%;} .section .webPic{width: 52.5%;} .section .webTmain .h2,.mobText .h2{font-size: 24px;} .section .webTmain .h3{font-size: 16px;} .section .webBtns,.section .webBrand{margin-top: 20px;} .mobText{width: 400px;} .mobText .pn{font-size: 12px; line-height: 24px;} .mobText .th{font-size: 14px; font-weight: bold; margin-top: 15px;} .mobText .dl dd{font-size: 12px;} .caseTextBox{padding: 60px 40px;} .contact-box01{padding: 120px 0;} } @media screen and (min-width:769px) and (max-width:1199px){ .layout { width: 750px; } .header{width: 100vw; height: 60px; background-color: #fff;} .logo{position: absolute; left: 3%; top: 0; padding-top: 0;} .logo a{width: 120px; height: 60px; background-image: url(../images/logo_h.png);} .nav,.callNum,.myTop,.footer .ftlinks{display: none;} .btn-m-list{display: block;} .bannerNumBar ul li{height: 80px; padding-top: 20px;} .bannerNumBar ul li .box{margin: 0 20px;} .bannerNumBar ul li .num{font-size: 40px;} .aboutNumBar ul li .num{font-size: 60px;} .indexTitle h2,.aboutTitle .h2,.nybanner .h2{font-size: 24px;} .aboutUs .h2{font-size: 20px;} .nybanner .pn,.aboutNumBar ul li .pn,.bannerNumBar ul li .pn{font-size: 14px;} .aboutUs .pn{font-size: 12px;} .inBusiness ul li .box{height: 380px;} .inBusiness ul li{width: 50%;} .indexCase ul li{width: 33.333%;} .indexnwHot,.indexnwlist,.caseTextBox .caseTitle,.caseTextBox .caseInfo{width: auto; float: none;} .indexnwHot a{padding: 20px;} .indexnwHot .pic{height: auto; padding-top: 104%;} .indexnwlist ul{margin-left: -5px; margin-right: -5px;} .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;} .indexnwlist ul li:hover,.newslist ul li:hover a{box-shadow: none; transform: none; transition: none;} .indexnwlist ul li a{padding: 20px; margin: 0 5px; background-color: #fff;} .indexnwlist ul li .pcont{font-size: 12px; height: 87px;} .indexnwlist ul li .time{margin-top: 20px;} .baiweiform ul li{width: 25.95%;} .baiweiform ul li.itemSub{width: 20%;} .section{height: auto !important;} .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);} .section .webTmain,.section .webPic{width: auto; float: none;} .section .webPic img{position: relative; max-width: 60%;} .section .webTmain{padding: 40px; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);} .section .webBox{margin: 0 auto; display: block;} .section .webTmain .h2{font-size: 24px;} .section .webTmain .h3{font-size: 16px;} .section .webBtns,.section .webBrand{margin-top: 20px;} .nybanner,.abbanner{height: 600px !important;} .mobText{padding: 150px 0;} .caseWrap{padding-top: 60px;} .caseTextBox{padding: 40px 20px;} .caseTextBox .caseInfo{margin-top: 20px;} .newsTou .indexnwlist ul li a,.newslist ul li a{padding: 30px 20px;} .newslist ul li{width: 50%; margin: 16px 0 0 0;} .newsleft{width: 74%;} .newsdetail{padding: 40px 20px 50px 20px;} .newsdetail h1{font-size: 20px;} .newsright{width: 25%;} .nwNextlist{padding: 15px 0;} .nwNextlist ul li{padding: 10px 15px;} .nwMyewm{padding: 20px;} .contact-box01,.contact-box02{padding: 110px 0 120px 0;} .aboutNumBar ul li .box{width: 197px;} .aboutSer ul li .h2{width: 115px;} .aboutSer ul li .pn{width: 320px;} } @media screen and (max-width:768px){ .layout { width: 95%; } .header{width: 100vw; height: 60px; background-color: #fff;} .logo{float: none; padding-top: 0;} .logo a{width: 120px; height: 60px; background-image: url(../images/logo_h.png);} .nav,.callNum,.myTop,.footer .ftlinks{display: none;} .btn-m-list{display: block;} .banner .pimg,.nybanner,.abbanner{height: 400px !important;} .banner .banText{transform: translateY(-50%); margin-top: 40px;} .banner .banText .pn,.indexTitle p,.baiweiform ul li,.baiweiform ul li.itemSub{margin-top: 5px;} .mouseIco{width: 40px; height: 40px; margin-top: 10px; overflow: hidden;} .bannerNumBar .digital,.bannerNumBar .digital.active{transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);} .bannerNumBar{position: static; left: auto; bottom: auto;} .bannerNumBar ul li{height: 70px; padding-top: 20px;} .bannerNumBar ul li.item1,.bannerNumBar ul li.item2,.bannerNumBar ul li.item3,.bannerNumBar ul li .box{text-align: center;} .bannerNumBar ul li .box{margin: 0 5px;} .indexTitle h2,.aboutTitle .h2{font-size: 24px;} .banner .banText .h2,.bannerNumBar ul li .num,.nybanner .h2,.aboutNumBar ul li .num,.abContact ul li .h2,.indexnwlist ul li .time b{font-size: 20px;} .indexCase ul li h2,.indexnwHot .h2,.newslist ul li .h2,.newslist ul li .time b,.aboutUs .h2{font-size: 16px;} .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;} .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogos,.nybanner .pn,.newslist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newslist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;} .sectionBox,.baiweiDemand,.aboutBox{padding: 30px 0 40px 0;} .inBusiness,.indexCase,.indexPartner,.indexNews,.baiweiform,.newsTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;} .inBusiness ul li{width: 50%;} .inBusiness ul li .box{padding: 20px 10px; height: 320px;} .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;} .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;} .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;} .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;} .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;} .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;} .indexCase ul li{width: 50%;} .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;} .indexCase ul li .icon{right: 10px;} .indexCase ul li .bg img{max-height: 80px;} .indexBtns{margin-top: 15px;} .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;} .indexPartner ul li{width: 33.333%;} .indexnwHot,.indexnwlist,.baiweiform ul li,.baiweiform ul li.itemSub,.footer .ftlogos,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsleft,.newsright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;} .indexnwHot a{padding: 20px;} .indexnwHot .pic{height: auto; padding-top: 104%;} .indexnwlist ul{margin-left: -5px; margin-right: -5px;} .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;} .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;} .indexnwlist ul li .pcont,.newslist ul li .pcont{height: 125px; margin-top: 5px;} .indexnwlist ul li .time,.newslist ul li .time{margin-top: 10px; padding-top: 10px;} .footer .footTou{padding: 45px 0 0 0;} .footer video{width:140%; display:none;} .footer .ftlogos{text-align: center;} .footer .ftlogos img{max-width: 120px;} .footer .ftewm{float: none; margin: 0 auto; padding: 15px 0;} .footer .ftCopy,.footer .bdsharebuttonbox{text-align: center;} .footer .bdsharebuttonbox{margin-top: 5px;} .section{height: auto !important;} .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);} .section .webPic img{position: relative; max-width: 95%;} .section .webTmain{padding: 20px 2.5% 40px 2.5%; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);} .section .webBox{max-width: 100%; margin: 0;} .section .webTmain .h2,.mobText .h2,.caseTextBox .caTit{font-size: 20px;} .section .webTmain .h3,.mobText .th{font-size: 14px;} .section .webTmain .pn,.mobText .pn,.mobText .dl dd{font-size: 12px; height: auto;} .section .webBtns,.section .webBrand{margin-top: 20px;} .section .webBtns a{width: 110px; height: 38px; line-height: 38px; font-size: 12px;} .mobText{width: auto; padding: 80px 0;} .mobText .th{margin-top: 15px;} .mobText .dl dd{margin-right: 10px;} .page{margin-top: 20px;} .page a{font-size: 12px; padding: 6px 10px;} .caseWrap{padding-top: 60px;} .caseDetails{padding: 40px 0 30px 0;} .caseTextBox{padding: 40px 20px;} .caseDetailsBom{padding: 40px 0;} .newslist ul{margin-left: -5px; margin-right: -5px; margin-bottom: 0;} .newslist ul li{width: 50%; margin: 10px 0 0 0;} .newslist ul li a{margin: 0 5px; padding: 20px 10px;} .newsleft,.newsright{margin-bottom: 5px;} .newsdetail{padding: 40px 20px 50px 20px;} .newsdetail h1{font-size: 20px;} .newsdetail .newstext{padding: 20px 0;} .nwNextlist{padding: 15px 0;} .nwNextlist ul li{padding: 10px 15px;} .nwMyewm{padding: 20px;} .aboutNumBar{margin-top: 10px;} .aboutNumBar ul li .box{width: auto; margin: 0 5px; text-align: center;} .aboutUs{padding: 30px 20px;} .aboutUs .h2{padding: 10px 45px 0 45px;} .aboutUs .h2:before{left: 0;} .aboutUs .h2:after{right: 0;} .about-box01 .about-tm .h2,.about-box03 .about-xzwm .h2{font-size: 20px; margin-bottom: 10px;} .about-box01 .IndexList{width: 95%; padding-top: 0;} .about-box01 .about-tm .h2{font-size: 26px;} .about-box01 .about-tm .nub{font-size: 30px; height: 34px; line-height: 34px;} .about-box02{height: auto; padding-bottom: 70px; overflow: hidden;} .about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width: 100%; width: auto; float: none; margin: 20px 0 0 0;} .about-box02 .about-xzwm .h2{font-size: 20px; margin-bottom: 5px;} .about-box02 .about-xzwm .h3{font-size: 14px;} .about-box02 .about-xzwm .abul li .co{width: 70px; height: 70px; background-size: 210px auto;} .about-box02 .about-xzwm .abul li:hover .c1{background-position: 0 -70px;} .about-box02 .about-xzwm .abul li .c2{background-position: -70px 0;} .about-box02 .about-xzwm .abul li:hover .c2{background-position: -70px -70px;} .about-box02 .about-xzwm .abul li .c3{background-position: -140px 0;} .about-box02 .about-xzwm .abul li:hover .c3{background-position: -140px -70px;} .about-box02 .about-xzwm .abul li .t{font-size: 16px; margin: 20px 0 5px 0;} .about-box02 .about-xzwm .abul li p{font-size: 12px;} .about-box01,.about-box03{padding:40px 0;} .ab-team ul li{width: 49%; margin-right: 2%;} .ab-team ul li:nth-of-type(3n){margin-right: 2%;} .ab-team ul li:nth-of-type(2n){margin-right: 0;} .ab-team ul li .tm{padding: 10px;} .ab-team ul li .tm .n1{font-size: 14px;} .ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size: 12px;} .ab-team ul li .tm .line{margin: 5px 0;} .ab-team ul li .tm p{margin-bottom: 0;} .aboutSer ul li{padding: 20px;} .aboutSer ul li .h2{text-align: center; font-size: 20px; padding: 0;} .aboutSer ul li .pn{padding: 15px 0;} .aboutSer ul li .icon{position: relative; margin: auto; right: auto; top: auto;} .abContact ul li{padding: 20px 0;} .abContact ul li .Btns{position: relative; right: auto; top: auto; margin-top: 15px;} .abContact ul li .pn{line-height: 22px;} .alert-action{left: 30px; top: 30px; width: 40px; height: 40px; background-size: cover;} .font-48{font-size: 20px;} .contact-box01{padding: 90px 0 40px 0;} .contact-box02{padding: 90px 0;} .contact-box01 .h2{font-size: 16px;} .contact-box01 .pn img{max-width: 110px;} .contact-box01 .pe img{max-width: 250px;} .contact-box01 .line{margin: 20px 0;} .contact-box01 .btns{width: 120px; height: 40px; line-height: 40px; margin-top: 30px;} .cont-info{padding-bottom: 20px; margin-bottom: 20px;} .cont-info ul li,.cont-form ul li{width: 100%;} .cont-form ul li{margin-top: 15px;} .cont-form ul li.item-teat{position: relative; right: auto; top: auto;} .cont-form ul li .cont-teat{height: 200px;} } /*内页新闻*/ .nynews{} .nynews_tt{ color:#fff;text-align:center; padding:70px 0;} .nynews_tt p{ font-size:36px;} .nynews_t{ background:url(../images/new_bj.jpg) no-repeat center; height:auto; padding-top:110px; padding-bottom:100px; background-attachment:fixed;} .newsList li { height: auto; overflow: hidden; width: calc((74% - 40px)/3); display: inline-block; vertical-align: top; position: relative; margin: 6px; } .newsList a:link, .newsList a:visited { color: #888888; } .newsList .bodr { border: 1px solid #dfdfdf; height: 375px; position: relative; overflow: hidden; margin: 0 5px; } .newsList .txts { display: block; position: absolute; left: 0; right: 0; top: 0; height: 100%; padding: 0 20px; transition: 400ms; -webkit-transition: 400ms; } .newsList .txts .sy { margin-bottom: 15px; padding-top: 50px; font-size: 14px; } .newsList .txts .nowti { font-size: 20px; color: #ffffff; line-height: 1.5; overflow: hidden; height: 60px; } .newsList .txts .tx { line-height: 22px; height: 62px; overflow: hidden; font-size: 14px; margin-top: 10px; } .newsList .txts .date { position: absolute; left: 45px; bottom: 40px; font-size: 14px; } .newsList .pic { height: 100%; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; display: none\9; transition: 600ms; -webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #803e7e; position: relative; } .newsList .pic img { height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position: absolute; } .newsList .pic .cover { background: rgba(0,0,0,.3); opacity: 0; display: none\9; } .newsList li:hover .pic { transform: scale(1); -webkit-transform: scale(1); opacity: 1; display: block\9; } .newsList li:hover .pic .cover { opacity: 1; display: block\9; } .newsList li:hover .bg { background: #ff0000; } .newsList li:hover a, .newsList li:hover .txts .nowti { color: #fff; } .newsList li:hover .txts { top: 38%; background: rgba(0,0,0,0.5); } .ixmore { display: block; width: 34px; height: 34px; border: 2px solid #fff; position: absolute; right: 45px; top: 40px; text-align:center; font-size:30px; line-height:34px; transform: translateX(-30px); -webkit-transform: translateX(-30px); opacity: 0; display: none\9; transition: 400ms 100ms; -webkit-transition: 400ms 100ms; } .newsList li:hover .ixmore { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; display: block\9; } #c_news_list-15490019402758142 .p_articles { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #c_news_list-15490019402758142 .p_CommonSummaryBoxA { text-align: center; } #c_news_list-15490019402758142 .p_MatteIcon .iconfont:before { content: '\e602'; } #c_news_list-15490019402758142 >div { animation-name: fadeInUp; animation-duration: 1.5s; animation-delay: 1.2s; animation-fill-mode: both; } #c_news_list-15490019402758142 .p_page .pre .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15490019402758142 .p_page .next .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15490019402758142 .p_more .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15490019402758142 .p_loading .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; } #c_news_list-15490019402758142 .newsList .pic { background: #fff; } #c_news_list-15490019402758142 .newsList .txts .nowti { font-size: 18px; } #c_news_list-15490019402758142 { left: 1px; z-index: 100; } .ny_xw_t{ padding:30px 0;} .ny_xw_t{ overflow:hidden; text-align:center;} .ny_xw_t p{ font-size:36px; color:#333;} .ny_xw_t span{ font-size:14px; color:#999; line-height:50px; text-indent:10px; display:block;} .ny_xw{ padding:50px 0;overflow:hidden; margin-bottom:20px; line-height:34px;} .ny_xw ul { width:1200px; margin:0px auto;} .ny_xw li{padding:20px 0; height:200px; border-bottom:1px dotted #d8d8d8; overflow:hidden;} .ny_xw li:hover{ background:#f2f2f2;} .ny_xw .ny_xw_lt{ float:left;width:240px; margin-left:20px; height:160px;} .ny_xw .ny_xw_lt img{width:240px; height:160px;} .ny_xw .ny_xw_zh{ float:left; margin-left:30px;width:880px; padding-right:10px;} .ny_xw .ny_xw_zh p{ font-size:20px; color:#222; line-height:55px;} .ny_xw .ny_xw_zh p span { float:right; line-height:55px; font-family:Arial, Helvetica, sans-serif;} .ny_xw .ny_xw_zh p b{ font-size:14px; color:#999; float:right; font-weight:300;} .ny_xw .ny_xw_zh span{ color:#6a6a6a; line-height:26px; font-size:14px; display:block;} .ny_xw .ny_xw_zh:hover p,.ny_xw .ny_xw_zh:hover span{ margin-left:10px;-webkit-transition: all 4s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;} .ny_xw .ny_xw_rt{color:#dd2027; padding-top:10px;} .ny_xw .ny_xw_rt p{ color:#dd2027; line-height:60px;} .ny_xw .ny_xw_rt span{width:120px; border:1px solid #3c5095; margin-top:0px; line-height:34px; color:#3c5095; display:block; text-align:center;} .ny_xw .ny_xw_rt span:hover{ background:#3c5095; color:#fff;} .bc_seo_6_h{text-align:center;font-weight:700;font-size:37px;color:#333;border-bottom:1px solid #eee;line-height:111px;position:relative} .bc_seo_6_h:after{content:'';height:2px;width:50px;position:absolute;background:#3bb6eb;left:50%;margin-left:-25px;top:110px} .bc_seo_6_w1{float:left} .bc_seo_6_b{padding:60px 0} .bc_seo_6_w2{float:right;width:680px} .bc_seo_6_tit{line-height:36px;font-size:24px;color:#0095e2} .bc_seo_6_cnt{line-height:44px;font-size:20px;color:#333;font-weight:700} .bc_seo_6_cnt em{color:#f60;font-weight:700;font-size:30px} .bc_seo_6_list{margin-right:-50px;padding-top:143px;background:url(/images/seo/c_bc_mod9.png) left top no-repeat;margin-top:30px} .bc_seo_6_list li{float:left;text-align:center;line-height:26px;font-size:14px;color:#666;width:150px;margin-right:117px} .wyllist{padding:72px 0 105px 0} .wyllist-bg{background:url(../img/baiduxcx/wyl1.png) 14px 212px no-repeat;height:268px;padding-top:20px;padding-left:57px;padding-right:59px} .wyllist{width:1220px;margin-left:-20px} .wyllist li{float:left;width:410px;margin-left:-4px;height:262px;background-image:url(../img/baiduxcx/wyl2.png)} .wyllist li.spe{width:824px;margin-left:-10px;height:302px} .wylist-top{padding-top:38px} .wylist-top i{border-radius:50%;background:#f2523c;width:64px;height:64px;text-align:center;line-height:64px;color:#fff;font-size:30px;float:left} .wylist-wrap{float:right;width:213px} .wylist-wrap h4{line-height:33px;padding-top:7px;font-size:24px;color:#666;font-weight:700} .wylist-wrap h5{line-height:21px;font-size:16px;color:#666} .wylist-cnt{padding-top:17px} .wylist-cnt span{text-align:center;margin:5px 0;color:#666;font-size:16px;width:97px;line-height:17px;border-right:1px solid #e8e8e8;float:left} .ihbanner{width: 100%; padding-top: 0; height:475px; text-align: center } .hideshow{-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translate3d(0,10%,0) scale(.9);transform:translate3d(0,10%,0) scale(.9);opacity:0} .hideshow.on{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1} .ihbannertit{color:#fff; } .ihbannertit h5{line-height:55px;font-size:38px;padding-top:120px;} .ihbannertit p{font-size:27px;line-height:41px} .ihbannertit.spe1 h5{color:#ef4359} .ihbannertit.spe1 p{color:#fff} .ihbannerlinks.spe1 a:hover{background:#f2445b;border:1px solid #f2445b} .ihbannerlinks.spe2 a:hover{background:#e85a4f;border:1px solid #e85a4f} .ihbannerlinks.spe3 a:hover{background:#956ae6;border:1px solid #956ae6} .ihbannerlinks{padding:17px 0 40px 0} .ihbannerlinks a{display:inline-block;vertical-align:top;height:40px;line-height:40px;font-size:16px;width:150px;margin:0 7px;color:#fff;border:1px solid #fff;border-radius:4px} .ihbannerlinks a:hover{background:#ffb033;border:1px solid #ffb033} .ihbannerimgs img{vertical-align:top} .ihbannerimg1{margin-top:2px} .ihbannerimg2{margin:0 13px;margin-top:15px} .baidu-tedian{ overflow-x: hidden;font-size: 20px;}